<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单练习</title>
    <!-- 引入外部第三放css文件 ,rel固定值：样式表，href链接地址，.min意思最小文件，压缩-->
    <link rel="stylesheet" href="css/bootstrap.min.css">
</head>

<body>
    <!-- action 提交到后台链接的地址  method get/post 请求方式   -->
    <form action="http://localhost:8091/stu/add2" method="GET">
        <!-- 习惯把隐藏框写在form下面，这个不是给用户看的，给开发者（修改） -->
        <input type="hidden" name="pid" id="pid" value="222">
        <!-- container 容器 -->
        <div class="container">
            <h3>学生信息管理系统mis</h3>
            <div class="form-group">
                <!-- label标签for的属性光标定位  for属性值为id的值-->
                <label for="name">
                    姓名:
                    <!-- 文本输入框  placeholder 提示  id是为了给后台辨别 value为默认-->
                    <input type="text" name="name" id="name" placeholder="请输入姓名.." class="form-control">

                </label>
            </div>
            <div class="form-group">
                <label for="eduTime">上学时间:</label>
                <!-- 数字框 -->
                <input type="date" name="eduTime" id="eduTime" class="form-control">
            </div>
            <div class="form-group">
                <label for="age">年龄:</label>
                <!-- 数字框 -->
                <input type="number" name="age" id="age" placeholder="请输入年龄.." class="form-control">
            </div>
            <div class="form-group">
                <label for="sex">性别:</label>
                <!--同名只能选择一个 单选按钮   -->
                <div class="radio-inline">
                    <input type="radio" name="sex" id="sex" value="男" checked="checked">男
                </div>
                <div class="radio-inline">
                    <input type="radio" name="sex" value="女" id="sex">女
                </div>
            </div>
            <div class="form-group">
                <!-- 多选按钮 -->
                <label for="hobby">爱好:</label>
                <!-- 复选按钮 -->
                <div class="checkbox-inline">
                    <input type="checkbox" name="hobby" value="乒乓球" id="hobby">乒乓球

                </div>
                <div class="checkbox-inline">
                    <input type="checkbox" name="hobby" value="爬山" id="hobby">爬山

                </div>
                <div class="checkbox-inline">
                    <input type="checkbox" name="hobby" value="唱歌" id="hobby">唱歌

                </div>
            </div>
            <div class="form-group">
                <!--下拉框 -->
                <label for="edu">学历:</label>
                <!-- 单选，选择幼儿园，表单提交1，性能高 -->
                <select name="edu" id="edu">
                    <option value="幼儿园">幼儿园</option>
                    <option value="小学">小学</option>
                    <option value="初中">初中</option>
                    <option value="高中">高中</option>
                    <option value="大专">大专</option>
                    <option value="本科">本科</option>
                    <option value="研究生">研究生</option>
                    <option value="博士">博士</option>
                </select>
            </div>
            <div class="form-group">
                <!-- class属性支持多个样式 -->
                <input class="btn btn-primary" type="submit" name="submit" value="提交">
                <button class="btn btn-danger" name="clear">取消</button>

            </div>
        </div>
    </form>
</body>

</html>